<template>
  <div class="loadingbox">
    <span class="loading__anim"></span>
  </div>
</template>
<script>
  export default {
    name: 'Loading' // 定义的组件名称 使用时写法：loading
  }
</script>
<style scoped>
  .loadingbox{
    width: 100%;
    text-align: center;
  }
  .loading__anim{
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 3px solid rgba(189,189,189 ,0.25);
    border-left-color: rgba(3,155,229 ,1);
    border-top-color: rgba(3,155,229 ,1);
    border-radius: 50%;
    animation: rotate 1000ms infinite linear;
  }
</style>
